<template>
  <view class="hotPanel_box">
    <uni-grid :column="2" :highlight="true" :show-border="false" :square="false">
      <uni-grid-item v-for="item in hotPanelList" :key="item.id">
        <navigator :url="`/pages/hot/hot?id=${item.id}`">
          <view class="grid-item-box" style="background-color: #fff">
            <view class="title_box">
              <text class="frist_title">{{ item.title }}</text>
              <text>{{ item.alt }}</text>
            </view>
            <view class="image_box">
              <image :src="item.pictures[0]" style="margin-right: 15rpx" class="image"/>
              <image :src="item.pictures[1]"  class="image"/>
            </view> </view
        ></navigator>
      </uni-grid-item>
    </uni-grid>
  </view>
</template>

<script lang="ts" setup>
import type { hotPanelType } from '@/types/home'
defineProps<{
  hotPanelList: hotPanelType[]
}>()
</script>

<style lang="scss">
@import './styles/hotPanel.scss';
</style>
